<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> 
<title>Document Dispatch</title> 
	
  <link rel="stylesheet" href="../styles/stencil/screen.css" type="text/css" media="screen" charset="utf-8" /> 
  <link rel="stylesheet" href="../styles/stencil/print.css" type="text/css" media="print" charset="utf-8" /> 
  <link rel="stylesheet" href="../styles/stencil/custom.css" type="text/css" media="screen" title="no title" charset="utf-8" /> 
  <link href="../styles/stencil/lib/plugins/forms.css" rel="stylesheet" type="text/css" /> 
  <link href="../styles/stencil/lib/plugins/buttons.css" rel="stylesheet" type="text/css" /> 
  <link href="../styles/stencil/lib/plugins/grid.css" rel="stylesheet" type="text/css" /> 
  <link href="../styles/stencil/lib/typography.css" rel="stylesheet" type="text/css" /> 
  <script type="text/javascript" src="http://www.google.com/jsapi"></script> 
  <script type="text/javascript"> 
 
  //Load the Visualization API and the ready-made Google table visualization
  google.load('visualization', '1', {'packages':['table']});
 
  // Set a callback to run when the API is loaded.
  google.setOnLoadCallback(init);
 
  // Send the query to the data source.
  function init() {
 
    // Specify the data source URL.
    var query = new google.visualization.Query('../getallmessages?status=COMPLETE');
 
    // Send the query with a callback function.
    query.send(handleQueryResponse);
  }
 
  // Handle the query response.
  function handleQueryResponse(response) {
    if (response.isError()) {
      alert('Error in query: ' + response.getMessage() + ' ' + response.getDetailedMessage());
      return;
    }
 
    // Draw the visualization.
    var data = response.getDataTable();
    var chart = new google.visualization.Table(document.getElementById('chart_div'));
    chart.draw(data, {'sortColumn':2, 'sortAscending':false, allowHtml: true});
  }
  </script> 

</head> 
 <body id="index"> 
 
<div id="page" class="xgrid xfluid"> 
	
	<div id="header" class="x12">		
		<div class="xpad"> 
			<h1>Completed Messages</h1>		
		</div> 
	</div> 
<div id="container" class="xgrid"><center>
 <div class="x2"><h3><a href="Home.jsp">Messages</a></h3></div>
  <div class="x3"><h3><a href="ProcessPOOperatorList.jsp">Operators</a></h3></div>
  <div class="x3"><h3><a href="Reports.jsp">Reports</a></h3></div>
  <div class="x3"><h3><a href="EventList.jsp">Event Log</a></h3></div>
 </center>
 </div>


</div>
<div class="x2"><h4><a href="LatestMessages.jsp">Latest Messages</a></h4></div>
<div class="x2"><h4><a href="MessagesInError.jsp">Messages in Error</a></h4></div>
<div class="x2"><h4><a href="OpenMessages.jsp">Routed Messages</a></h4></div>
<div class="x2"><h4><a href="CompletedMessages.jsp">Completed Messages</a></h4></div>
<div class="x2"><h4><a href="MessagesParsing.jsp">Messages Parsing</a></h4></div>
<div class="x2"><h4><a href="Archive.jsp">Archive</a></h4></div>
<center>
	 <div id="chart_div"></div> 
 </center>
</body> 
</html>